<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <title>协同平台商脉圈运营者管理系统-圈邮件</title>

    <!--CSS-->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">

    <!-- HTML5 shim and Respond.js for IE8 support HTML5 elements and media queries-->
    <!--[if lt IE 9]>
    <script src="js/libs/html5shiv.min.js"></script>
    <script src="js/libs/respond.min.js"></script>
    <![endif]-->
</head>

<body class="overflow-x-h">
<div class="container animated fadeInRight">

    <!--breadcrumb-->
    <ol class="breadcrumb">
        <li>圈邮件</li>
    </ol>

    <!--email-wrap-->
    <div class="email-wrap">
        <a href="email-add.html" class="btn btn-add-email" target="iframe">写邮件</a>
        <div class="email-list">
            <div class="panel panel-default">
                <div class="panel-body">
                    <table class="table table-stripe table-hover">
                        <tbody>
                        <tr>
                            <td class="td-ellipsis">
                                <img class="avatar" src="images/base/user.jpg" />
                                <span>忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟</span>
                            </td>
                            <td class="td-ellipsis">广告资讯</td>
                            <td>2020-2-28</td>
                            <td>
                                <a href="email-detail.html" class="btn table-btn-operate btn-detail" target="iframe">详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-ellipsis">
                                <img class="avatar" src="images/base/user.jpg" />
                                <span>忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟</span>
                            </td>
                            <td class="td-ellipsis">广告资讯</td>
                            <td>2020-2-28</td>
                            <td>
                                <a href="email-detail.html" class="btn table-btn-operate btn-detail" target="iframe">详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-ellipsis">
                                <img class="avatar" src="images/base/user.jpg" />
                                <span>忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟</span>
                            </td>
                            <td class="td-ellipsis">广告资讯</td>
                            <td>2020-2-28</td>
                            <td>
                                <a href="email-detail.html" class="btn table-btn-operate btn-detail" target="iframe">详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-ellipsis">
                                <img class="avatar" src="images/base/user.jpg" />
                                <span>忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟</span>
                            </td>
                            <td class="td-ellipsis">广告资讯</td>
                            <td>2020-2-28</td>
                            <td>
                                <a href="email-detail.html" class="btn table-btn-operate btn-detail" target="iframe">详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="td-ellipsis">
                                <img class="avatar" src="images/base/user.jpg" />
                                <span>忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟忍者神龟</span>
                            </td>
                            <td class="td-ellipsis">广告资讯</td>
                            <td>2020-2-28</td>
                            <td>
                                <a href="email-detail.html" class="btn table-btn-operate btn-detail" target="iframe">详情</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <!--page-->
                    <nav class="page text-center">
                        <div class="total pull-left">共<span>10</span>页/<span>100</span>条数据</div>
                        <ul class="pagination">
                            <li><span>首页</span></li>
                            <li><a href="#">&laquo;</a> </li>
                            <li><a href="#">1</a> </li>
                            <li><a href="#">2</a> </li>
                            <li><a href="#">...</a> </li>
                            <li><a href="#">4</a> </li>
                            <li><a href="#">5</a> </li>
                            <li><a href="#">&raquo;</a> </li>
                            <li><span>尾页</span></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>

</div>

<script src="js/libs/jquery-1.12.1.min.js"></script>
<script src="js/libs/bootstrap.min.js"></script>
<script src="js/libs/slimscroll.min.js"></script>
<script src="js/libs/jquery-placeholder.min.js"></script>
<script src="js/validator/jquery.validator.min.js?local=zh-CN"></script>
<script src="js/base.js"></script>
</body>
</html>